html {
		  height: 100%;
		}
		body {
		 background-color:#FFFFFF;
		 backgroud-position:center;
		 background-size: cover;
		 background-attachment: fixed;
		 background-repeat: no-repeat;
		 text-align: center;
		
		}
		
		.bk1{
			position:absolute;
			top:0;
			left:0;
			width:1535px;
			height:753px;
			background:linear-gradient(#d5f3cb,#b6ddb4,#b4e6b4,#b1eac6);
			opacity:0.9;
			padding:0;
			border-color: #fefefe;
			
		}
		
		.title{
			background-color:#c2c2c2;
			height:35px; 
			left:100px;
			font-size:15px;
			width:1200px;
			margin-left: 0;
			position:absolute;
			top:3px;;
			color:white;
			margin-bottom: 1px;
			overflow:hidden;
			border-radius:8px;
		}
		
		.title ul{
		            /* 清除ul标签的默认样式 */
		            width: 800px;
					position: absolute;
					left:100px;
		            list-style-type: none;
		            margin: 0;            
		            padding: 0;
		
		        }
				
				 .title li {    
				            float:left; /* 使li内容横向浮动，即横向排列  */
				            margin-right:50px;  /* 两个li之间的距离*/
							position:relative;
							top:0.;
							border-color:#222222;
							border-radius:8px;
				        }
				
				        .title li a{
				           /* 设置链接内容显示的格式*/
				            display: block; /* 把链接显示为块元素可使整个链接区域可点击 */
				            color:#ffffff;
				            text-align: center;
				            padding: 8px 15px;
				            text-decoration: none; /* 去除下划线 */
				        }
				        .title li a:hover{
				            /* 鼠标选中时背景变为深色 */
				            background-color: #83b19c;
							border-radius:8px;
				        }

		.symbol{
			position:absolute;
			top:5px;
			left:10px;
			font-size: 20px;
			color:white;
			font-weight: bolder;
			text-shadow: 3px 3px 3px #516f7c;
			font-family:Cursive;
		}

		.box1{
			position:absolute;
			top:140px;
			left:160px;
			height:110px;
			width:320px;
			opacity:0.8;
			background-color:#b0ccd5; 
			border-radius:0.7rem;
			box-shadow: 0.5rem 0.9rem 1.2rem rgba(0, 0, 0, 0.25),
				0.3rem 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
		}
		
		.box2{
			position:absolute;
			top:290px;
			left:280px;
			height:110px;
			width:370px;
			opacity:0.8;
			background-color:#b0ccd5;
			border-radius:0.7rem;
			box-shadow: 0.5rem 0.9rem 1.2rem rgba(0, 0, 0, 0.25),
				0.3rem 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
		}
		
		.box3{
			position:absolute;
			top:450px;
			left:120px;
			height:120px;
			width:350px;
			opacity:0.8;
			background-color:#b0ccd5;
			border-radius:0.7rem;
			box-shadow: 0.5rem 0.9rem 1.2rem rgba(0, 0, 0, 0.25),
				0.3rem 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
		}
		.h1{
			position:absolute;
			left:15px;
			top:0;
			font-size: 30px;
			color:white;
			text-shadow: 4px 4px 4px #758481;
		}
		.link1{
			color:#ffffff;
			position:absolute;
			left:240px;
			top:70px;
			font-size: 16px;
		}
		
		.h2{
			position:absolute;
			left:15px;
			top:5px;
			font-size: 26px;
			color:white;
			text-shadow: 4px 4px 4px #758481;
		}
		.link2{
			color:#ffffff;
			position:absolute;
			left:300px;
			top:70px;
			font-size: 16px;
		}
		

		.h3{
			position:absolute;
			left:25px;
			top:15px;
			font-size: 26px;
			color:white;
			text-shadow: 4px 4px 4px #758481;
		}
		.link3{
			color:#ffffff;
			position:absolute;
			left:270px;
			top:70px;
			font-size: 16px;
		}
		
		.box a:hover{
			color:#527562;
		}		
		
		.right{
			position:absolute;
			background-color:#FFFFFF;
			top:150px;
			left:1000px;
			width: 450px;
			height: 480px;
			box-shadow: 1px -1px 5px 2px #f7f7f7,-1px 1px 5px 2px #f7f7f7,1px -2px 5px 2px #fcfcfc,-1px 2px 5px 2px #fcfcfc;
			border-radius:10px;
		}
			
		
		form {
			position:absolute;
			left:70px;
			top:100px;
			margin: auto;
			position:absolute;
			width: 100%;
			max-width: 300px;
		}
		
		label {
		  display: block;
		  margin-bottom: 0.5rem;
		  color: #478349;
		}
		
		input {
		  display: block;
		  width: 100%;
		  margin: 0 0 1rem 0;
		  padding: 0.5rem;
		  font-size: 1rem;
		  border: 0;
		  border-radius: 0.125rem 0.25rem;
		  background-color: hsl(-1, 0%, 97%);
		}
		input:focus{
		  outline: 0;
		  box-shadow:1px 1px 1px 1px #b4d5bf;
		}
		input::-webkit-input-placeholder {
			color:#c3cccc;
			
		}
		input:focus::-webkit-input-placeholder{
			color:#FFFFFF;
		}
		.bt1 {
		  position:absolute;
		  left:20px;
		  top:220px;
		  padding: 0.5rem;
		  border: 0;
		  border-radius: 60px;
		  width:80px;
		  background-color: #a4ee81;
		  color: #fff;
		  margin: 2rem 0 0 auto;
		}
		
		.bt2 {
		  position:absolute;
		  left:220px;
		  top:220px;
		  padding: 0.5rem;
		  border: 0;
		  border-radius: 60px;
		  width:80px;
		  background-color: #a4ee81;
		  color: #fff;
		  margin: 2rem 0 0 auto;
		}
		
	
		button:hover{
			background: #aeff70;
			color: #fff;
			border-radius: 60px;
			box-shadow: 0 0 5px  #aeff70,
			            0 0 25px  #aeff70,
			            0 0 50px  #aeff70,
			            0 0 100px  #aeff70;
		}
		button:focus{
			outline:0;
		}
		
		.footer {
		  width: 200px;
		  color: white;
		  font-size: 15px;
		  margin-left: 5px;
		  position: absolute;
		  left:650px;
		  bottom:10px;
		  text-align: center;
		  padding-bottom: 5px;
		}
		